﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="qjt.aspx.cs" Inherits="WeiXinPF.Web.weixin.wqiche.qjt" %>

<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/qjtJs.js"></script>
    <title>房地产项目-仿七扇门</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta name="Keywords" content="房地产项目-仿七扇门" />
    <meta name="Description" content="就看见" />
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <style type="text/css">
        body, div, h1, h2, h3, span, p {
            font-family: Verdana,Arial,Helvetica,sans-serif;
            color: #000000;
        }
        /* fullscreen */
        html {
            height: 100%;
        }

        body {
            height: 100%;
            margin: 0px;
            overflow: hidden; /* disable scrollbars */
        }

        body {
            font-size: 10pt;
            background: #ffffff;
        }

        table, tr, td {
            font-size: 10pt;
            border-color: #777777;
            background: #dddddd;
            color: #000000;
            border-style: solid;
            border-width: 2px;
            padding: 5px;
            border-collapse: collapse;
        }

        h1 {
            font-size: 18pt;
        }

        h2 {
            font-size: 14pt;
        }

        .warning {
            font-weight: bold;
        }
        /* fix for scroll bars on webkit & Mac OS X Lion */
        ::-webkit-scrollbar {
            background-color: rgba(0,0,0,0.5);
            width: 0.75em;
        }

        ::-webkit-scrollbar-thumb {
            background-color: rgba(255,255,255,0.5);
        }

        a {
            text-decoration: none;
        }

        .view_change {
            position: fixed;
            z-index: 1000;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 42px;
            background-color: #262626;
            border: 1px solid #000000;
            box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
            text-align: center;
        }

            .view_change a {
                line-height: 23px;
                display: block;
                font-size: 16px;
                color: #fefefe;
                line-height: 42px;
                text-shadow: 1px 2px 0 rgba(0,0,0,0.8);
            }

                .view_change a::before {
                    content: "";
                    display: inline-block;
                    width: 23px;
                    height: 23px;
                    line-height: 23px;
                    margin-right: 5px;
                    margin-top: -5px;
                    vertical-align: middle;
                    background: url();
                    background-size: auto 23px;
                    background-repeat: no-repeat;
                }

        .back360 {
            display: inline-block;
            width: 40px;
            height: 40px;
            position: fixed;
            bottom: 10px;
            left: 10px;
            z-index: 1000;
            background: red;
            border-radius: 60px;
            background: url('img/back.png') no-repeat center center;
            background-size: 100% 100%;
        }
    </style>
</head>
<body onselectstart="return true;" ondragstart="return false;">
    <div id="container" style="width: 100%; height: 100%;">
        This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
    </div>
    <script type="text/javascript">
        if (ggHasHtml5Css3D() || ggHasWebGL()) {
            pano = new pano2vrPlayer("container");
            skin = new pano2vrSkin(pano);
            pano.readConfigUrl('xmlstr.aspx?id=<%=id%>&wid=<%=wid%>&openid=<%=openid%>');
        } else {
            alert("not support 360view");
        }
    </script>
    <noscript>
        <p><b>Please enable Javascript!</b></p>
    </noscript>
    <div class='view_change'>
        <a href='qjtList.aspx?wid=<%=wid %>&openid=<%=openid %>'><%=title %></a>
    </div>
    <a href="qjtList.aspx?wid=<%=wid %>&openid=<%=openid %>" class="back360" style="">&nbsp;</a>
    <div mark="stat_code" style="width: 0px; height: 0px; display: none;">
    </div>
</body>
</html>
